<template>
  <div class="Layout">
    <div class="Subtitle">技巧</div>
    <div class="Minortitle">控制动画</div>
    <div>animation-play-state属性可以控制动画的播放和暂停，但是它不能让已经停止的动画再次播放。 </div>
    <div>想要重新启动动画，可以通过去除再添加类的方式实现：</div>
    <div class="Gap-S"></div>
    <div class="Code">el.classList.remove('animation');
setTimeout(() => { el.classList.add('animation'); }, 0);</div>
  </div>
</template>